<template>
  <el-image
    class="preview"
    :src="ip + messageContent"
    :zoom-rate="1.2"
    :max-scale="7"
    :min-scale="0.2"
    :preview-src-list="[ip + messageContent]"
    :initial-index="4"
    fit="cover"
  />
</template>

<script setup>
const props = defineProps({
  messageContent: {
    type: String,
  },
});

const ip = import.meta.env.VITE_APP_ACCESS_IP;
</script>

<style lang="scss" scoped>
.preview {
  width: 290px;
  height: 180px;
  border-radius: 5px;
}
</style>
